@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");html,body{font-family:'Open Sans', sans-serif;font-size:14px;padding:0;margin:0;color:#333;font-weight:400;height:100%;width:100%;background:#EEF3F6}@media (max-width: 767px){html,body{background:#fff;border-top:2px solid #A63297}}a:hover{text-decoration:none}img{max-width:100%}#wrapper{display:flex;align-items:center;justify-content:center}.login-area{display:flex;max-width:750px;margin-bottom:5px}@media (max-width: 767px){.login-area{flex-direction:column;max-width:100%;width:100%;padding:0 20px}}.login-area .left{width:50%;background:#A63297;display:flex;align-items:center;justify-content:center;color:#FFF;text-align:center;padding:30px;height:500px}@media (max-width: 767px){.login-area .left{width:100%;order:1;height:auto}}.login-area .left h3{font-size:22px;margin-top:15px;margin-bottom:8px}.login-area .left p{margin-bottom:0}.login-area .right{width:50%;background:#FFF;border-top:2px solid #A63297;padding:20px}@media (max-width: 767px){.login-area .right{width:100%;border:0;padding:0;margin-bottom:30px;padding-top:10px}}.login-area .right .verify{text-align:center}.login-area .right .verify .img{text-align:center;margin-bottom:20px}.login-area .right .verify .img img{max-width:90px}.login-area .right .verify h3{font-size:28px;font-weight:400;margin-bottom:20px;margin-top:20px}.login-area .right .verify p{margin-bottom:10px;font-size:16px}.login-area .right .verify p:last-child{margin-bottom:0}.login-area .right .verify a{background:#1781e3;color:#FFF;width:100%;border-radius:5px;text-align:center;font-size:16px;border:0;transition:all 0.3s;display:block;padding:12px;margin-top:20px}.login-area .right .verify a:focus{outline:0;box-shadow:none}.login-area .right .verify a:hover{background:#0851da}.login-area .right form legend{font-size:36px;font-weight:400;margin-bottom:20px;margin-top:20px}@media (max-width: 767px){.login-area .right form legend{font-size:24px;text-align:center}}.login-area .right form legend img{display:block}.login-area .right form .form-group{position:relative}.login-area .right form .form-group .img{position:absolute;right:12px;top:37px}.login-area .right form p{font-size:16px;display:flex}.login-area .right form p.link{display:block;color:#1781e3;font-size:14px;margin-bottom:0;cursor:pointer}.login-area .right form p.link:hover{text-decoration:underline}.login-area .right form .has-error input{border:1px solid #d12}.login-area .right form .has-error .error-message{margin-top:3px;color:#d12;margin-bottom:20px}.login-area .right form .has-error .error-message img{margin-right:2px}.login-area .right form label{font-weight:300;font-size:13px;color:#666}.login-area .right form input{border:1px solid #D6D6D6;height:48px;border-radius:5px;transition:all 0.3s;font-size:16px;font-weight:300}.login-area .right form input:focus{outline:0;box-shadow:none;border:1px solid #1781E3}.login-area .right form input::-webkit-input-placeholder{color:#D6D6D6}.login-area .right form input:-ms-input-placeholder{color:#D6D6D6}.login-area .right form input::placeholder{color:#D6D6D6}.login-area .right form .remember img{display:inline-block;margin-right:10px}.login-area .right form .btns button{background:#1781e3;color:#FFF;height:48px;width:100%;border-radius:5px;text-align:center;font-size:16px;border:0;transition:all 0.3s}.login-area .right form .btns button:focus{outline:0;box-shadow:none}.login-area .right form .btns button:hover{background:#0851da}.login-area .right form .btns.btns2{display:flex;justify-content:space-between}.login-area .right form .btns.btns2 div{width:48%}.login-area .right form .btns.btns2 button{font-size:15px}.login-area .right form .btns.btns2 button[type="button"]{background:#CFD5D9;color:#000}.login-area .right form .btns.btns2 button[type="button"]:hover{background:#b1b9be}#footer{background:#CFD5D9;padding:20px 0}#footer .container{max-width:1380px;display:flex;align-items:center}#footer .left{flex-grow:1;align-items:center}#footer .right p{margin-bottom:0;font-weight:400;font-size:16px;display:inline-block;margin-right:15px}#footer .right .lang{display:inline-block;cursor:pointer;position:relative}#footer .right .lang ul{padding:0;margin:0;position:absolute;left:0;bottom:48px;width:100%;display:none}#footer .right .lang ul li{list-style-type:none;background:#FFF;font-size:16px;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;width:100%;padding:8px 15px}#footer .right .lang ul li:hover{background:#eef3f6}#footer .right .lang ul li.active{background:#1781e3;color:#FFF}#footer .right .lang ul li:first-child{border-radius:5px 5px 0 0}#footer .right .lang ul li:last-child{border-bottom:1px solid #d6d6d6}#footer .right .lang .inner{display:flex;align-items:center;background:#FFF;font-size:16px;border:1px solid #d6d6d6;border-radius:5px;position:relative}#footer .right .lang .inner span.mm{padding:10px 15px}#footer .right .lang .inner span.sym{margin-left:5px;background:#fff;width:30px;height:48px;display:inline-block;position:relative;border-radius:0 5px 5px 0}#footer .right .lang .inner span.sym:before{content:'';width:10px;height:2px;background:#1781E3;left:6px;top:50%;position:absolute;transform:rotate(32deg)}#footer .right .lang .inner span.sym:after{content:'';width:10px;height:2px;background:#1781E3;right:6px;top:50%;position:absolute;transform:rotate(-32deg)}#footer .right .lang:hover span.sym{background:#1781E3}#footer .right .lang:hover span.sym:before{background:#fff}#footer .right .lang:hover span.sym:after{background:#fff}#footer .right .lang.active span.sym{background:#1781E3}#footer .right .lang.active span.sym:before{background:#fff;transform:rotate(-32deg)}#footer .right .lang.active span.sym:after{background:#fff;transform:rotate(32deg)}#footer2{padding:30px 20px}#footer2 p{margin-bottom:0;color:#1781e3;cursor:pointer}#footer2 p:hover{color:#0851da;text-decoration:underline}#footer2 p span{margin:0 10px}.spinner-border{width:40px;height:40px;border:3px solid #086ADB;border-right-color:transparent;margin-top:30px;margin-bottom:100px}